<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <link rel="stylesheet" href="../css/reset.css" />
  <link rel="stylesheet" href="../css/chat.css" />
  <script type="text/javascript" src="../js/jquery-1.12.4.min.js"></script>
  <script type="text/javascript" src="../js/jquery-ui.min.js"></script>
  <script type="text/javascript" src="../js/jquery.mousewheel.js"></script>
  <title>聊天</title>
</head>

<body>
  <div class="wrap" id="app">
    <!-- 头部 Header 区域 -->
    <div class="header">
      <h3>{{other.username}}</h3>
      <img :src="other.profile" style="width: 48px;height:48px" alt="icon" />
    </div>
    <!-- 中间 聊天内容区域 -->
    <div class="main">
      <ul class="talk_list" style="top: 0px;" id="talk_list">
        <li class="left_word">
        </li>
        
      </ul>
      <div class="drag_bar" style="display: none">
        <div
                class="drager ui-draggable ui-draggable-handle"
                style="display: none; height: 412.628px"
        ></div>
    </div>
    </div>
    <!-- 底部 消息编辑区域 -->
    <div class="footer">
      <a href="./platform.html"><img src="../favicon.png" width="37px" alt="icon" /></a> 
      <input v-model="send_message" type="text" placeholder="说的什么吧..." class="input_txt" id="ipt" />
      <input @click="send" type="button" value="发 送" class="input_sub" id="btnSend" />
    </div>
  </div>
  <script src="https://cdn.goeasy.io/goeasy-2.6.6.min.js"></script>
  <script src="../js/axios-0.18.0.js"></script>
  <script src="../js/vue.js"></script>
  <script type="text/javascript" src="../js/scroll.js"></script>
  <script src="../js/chat.js"></script>
  <script>
    $("#ipt").on("keyup", function (e) {
    if (e.keyCode === 13) {
      $("#btnSend").click();
    }
  });



  </script>

</body>

</html>